﻿canvas {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
    z-index:1;
}

#msgDiv {
    color:#fff;
    position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
    z-index:999;
    font-size:2rem;
    font-weight:bold;
    /* 禁止选中 */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select:none; /*火狐*/
    -webkit-user-select:none; /*webkit浏览器*/
    -ms-user-select:none; /*IE10*/
    -khtml-user-select:none; /*早期浏览器*/
    user-select:none;

    display: flex;
    flex-flow: row nowrap; /* 使用行布局，并可以换行。*/
}

    #msgDiv > div {
        width:100%;
        align-self: flex-end;
        display: flex;
        flex-flow: row nowrap;
    }

    #msgDiv > div > div {
        text-align:center;
        flex:1;
        background:rgba(39, 115, 180, 0.2);
        padding:15px 0;
        margin:15px 30px;
        border-radius:10px;
    }